box-shadow(args...)
  if (args != 'none')
    box-shadow: args
    -webkit-box-shadow: args

//背景透明度
ss-bg-opacity($background = #333, $height = 54px, $opacity = 0.6, $abs = bottom)
  background: $background
  width: 100%;
  height: $height
  opacity: $opacity
  position: absolute;
  left: 0;
  if ($abs == bottom)
    bottom: 0
  else if($abs == top)
    top: 0
  z-index: 15

//自定义滚动条
customScrollCfg = {
  $height: 300px
  $scrollbar: 5px
  $scrollbarHei: 1px
  $br: 5px
  $hoverbg: fade-out(#999, .7)
  $min-height: false
  $scroll: y
  $scrollbarShow: true
}
ss-func-customscroll($class = '.hlist', $config = false)
  cfg = merge({}, customScrollCfg, $config)
  {$class}
    if (cfg.$scroll == x)
      overflow-x: auto
      width: 100%
    else
      overflow-y: auto
      if (cfg.$height != false)
        if (cfg.$min-height != false)
          min-height: cfg.$min-height
          max-height: cfg.$height
        else 
          height: cfg.$height
    
    &:hover
      &::-webkit-scrollbar-thumb 
        background: rgba(153,153,153, .4)
        cursor: pointer
      if (cfg.$scrollbarShow == false)
        &::-webkit-scrollbar  
          display: block
    &::-webkit-scrollbar     
      width: cfg.$scrollbar   
      height: cfg.$scrollbarHei
      display: none if (cfg.$scrollbarShow == false)
    &::-webkit-scrollbar-thumb       
      border-radius: cfg.$br 
      background: rgba(153,153,153, 0)
      &:hover
        background: rgba(153,153,153, .5)
    &::-webkit-scrollbar-track       
      border-radius: cfg.$br 

//块状
ss-func-display($class='.display', $config = false)
  cfg = merge({}, displayCfg, $config)
  {$class}
    background: cfg.$bg if cfg.$bg
    border: cfg.$border if cfg.$border
    border-radius: cfg.$br if cfg.$br
    box-shadow: cfg.$bs if cfg.$bs
    color: cfg.$color if cfg.$color
    min-height: cfg.hei if cfg.hei
    if (cfg.$padding != false)
      padding: cfg.$padding if cfg.$padding

//块状 操作 
ss-func-display-options($class='.display', $config = false)
  cfg = merge({}, displayOptionsCfg, $config)
  {$class}
    background: cfg.$bg if cfg.$bg
    border: cfg.$border if cfg.$border
    border-radius: cfg.$br if cfg.$br
    box-shadow: cfg.$bs if cfg.$bs
    color: cfg.$color if cfg.$color
    if (cfg.$padding != false)
      padding: cfg.$padding if cfg.$padding
    .item-pic
      width: 100%
    .item-header
      if (cfg.$hpading != false)
        padding: cfg.$hpading
      min-height: cfg.$hhei if cfg.$hhei
      border-bottom: cfg.$hborder if cfg.$hborder
      ss-display-flex(column, center)
      &.bottom
        border-top: cfg.$hborder if cfg.$hborder
        border-bottom: none
        padding: 0;
        >.item
          border-left: cfg.$hborder if cfg.$hborder
          cursor: pointer
          flex: 1
          text-align: center
          &:first-child
            border-left: none
      &.row-space
        flex-flow: row nowrap
        justify-content: space-between
        align-items: center
    .item-body
      if (cfg.$bpading != false)
        padding: cfg.$bpading if cfg.$bpading



// 中间线
hrCfg = {
  $lineColor: #818078
  $color: #818078
  $bg: #fcfcfa
  $pointer: false
}
ss-hr-text($class ='.hr-text', $config = false)
  cfg = merge({}, hrCfg, $config)
  {$class}
    line-height: 1em
    position: relative
    outline: 0
    border: 0
    color: black
    text-align: center
    height: 1.5em
    cursor: pointer if (cfg.$pointer)
    // opacity: 0.5
    &:before
      content: ''
      background: linear-gradient(to right, transparent, cfg.$lineColor, transparent)
      position: absolute
      left: 0
      top: 50%
      width: 100%
      height: 1px
    &:after
      content: attr(data-content)
      position: relative
      display: inline-block
      color: black
      padding: 0 0.5em
      line-height: @height
      color: cfg.$color
      background-color: cfg.$bg